iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

JavaScript 功能的範例,這個功能會讓使用者點擊按鈕後顯示隱藏的訊息:

  1. HTML 結構

首先,建立一個按鈕和一個隱藏的段落。

<p id="message" style="display:none;">這是你點擊按鈕後出現的訊息!</p>

<script>
    function showMessage() {
        document.getElementById('message').style.display = 'block';
    }
</script>
  1. JavaScript 說明

    • 按鈕 ():當使用者點擊按鈕時,觸發 showMessage() 函數。
    • 隱藏段落 ():段落一開始是隱藏的,透過 style="display:none;" 隱藏。
    • JavaScript 函數:showMessage() 使用 getElementById 來找到段落,然後改變它的 display 屬性為 block,從而顯示訊息。
    這樣子顯示訊息上就會有java script的訊息囉


上一篇
如何用CSS美化網站🌷
下一篇
Day15番外~你知道你也可以更改網頁嗎
系列文
一個網頁的誕生!教你從基礎到自行完成設計網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言